<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">	
		<title>html5网站案例互动</title>
		<meta name="viewport" content="width=device-width,initial-scal=1.0,maximum-scal=1.0,user-scalable=no"/>
		<meta name="keywords" content="html5网站案例互动设计网站案例-h5互动">
		<meta name="description" content="html5网站案例互动设计网站案例-h5互动">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/container.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/medias.css" />
		
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.lazyload.js"></script>
		<script type="text/javascript" src="js/header.js"></script>
		<script type="text/javascript" src="js/jquery.niceHover.js"></script>
		<script type="text/javascript" src="js/jQuery.easing.min.js"></script>
		
		
		<script type="text/javascript">
			$(function(){
				$("#box ul li").niceHover({weight:2,color:"red"});
			});
		</script>
    
      <script type="text/javascript" >
       $(window).load(function(){
        	
            $("#box ul li img").lazyload({
                effect:"fadeIn",
                failure_limit:10000,
                skip_invisible : false,
                placeholder:"images/jbox-loading2.gif"
            });
        });
   	 </script>
    
		
<style type="text/css">
	.hover-border{display: inline-block;position: absolute;z-index: 100}
	.left-right-border{height: 0;}
	.left-border{ left: 0px;}
	.right-border{right: 0px;bottom: 0px;}
	.left-right-top-bottom-border{width: 0;}
	.left-top-border{right: 50%;top: 0px;}
	.left-bottom-border{left: 0px;bottom: 0px;}
	.right-top-border{right: 0px;top: 0px;}
	.right-bottom-border{left: 50%;bottom: 0px;}
			
</style>
		
	</head>
	
	<body>
		
		
		<!--侧栏qq客服开始-->
		<div class="qq_imasgs">
			<div class="qqs">
				<img src="images/QQ_S__03.png"/>
			</div>
			<div class="kf">
				<a href="javascript:;" class="qq1"><span>林文钦</span></a>
				<a href="javascript:;" class="qq1"><span>竹叶青</span></a>
				<a href="javascript:;" class="qq1"><span>梁主管</span></a>
				<a href="javascript:;" class="qq1"><span>王主编</span></a>
			</div>
			
		</div>
		<!--侧栏qq客服结束-->
		
		
		<!--回到顶部-->
		<div id="tops"><img src="images/top2.jpg" /></div>
	

		<!--菜单下拉-->
		
		<div class="p_menu" style="height: 230px;">
			    <ul>
				   <li><a href="../网站建设/index_典型客服.html"">典型客户</a></li>
				   <li class="current"><a href="../网站建设/index_网站建设.html">网站建设</a></li>
				   <li><a href="../微端应用/index_微端应用.html"">微端应用</a></li>
				</ul>
				<div class="p_link_list">
					<dl>
						<dd><a href="javascript:;"><img src="images/qq_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/phone_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/tel_icon.png" style="width:40px;height:auto"></a></dd>
					</dl>
			    </div>
		 </div>
		
		
		
		<!--菜单结束-->

		<!--头部开始-->
		<div class="header">
			
			<div class="DIV">
				<!--左边盒子开始-->
				<div class="left_menu">
					<div class="logos"><a href="../h5网站.html"><img src="images/logo.png"></a></div>
					<div class="menus">
	                     <ul>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="index_典型客服.html">典型客户</a></div>
	                             <div class="now" style="top: 0px;"><a href="index_典型客服.html">典型客户</a></div>
	                         </li>
	                         <li class="current">
	                             <div class="orig" style="top: 0px;"><a href="index_网站建设.html">网站建设</a></div>
	                             <div class="now" style="top: -75px;"><a href="index_网站建设.html">网站建设</a></div>
	                         </li>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                             <div class="now" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                         </li>
	                     </ul>
                	</div>
				</div>
				<!--左边盒子结束-->
			
			
			
		<!--右边按钮开始-->
				<ul class="fr">
	                <li>
	                    <a class="caidan">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
							<span class="icon-bar"></span>
	                    </a>
	                </li>
            	</ul>
		<!--右边按钮结束-->	
				
				
				<!--右边盒子开始-->
				
				<div class="search_box">
	                 <div class="search_inner">
	                         <input type="text" class="search_txt" placeholder="输入关键词搜索" style="opacity:1;">
	                         <input type="submit" class="search_btn" value="">
	                     
	                 </div>
            	</div>
            	
				<!--右边盒子结束-->
				
			</div>
			
			
		</div>
		
		<!--头部结束-->
		
		
		<!--导航结束-->
		<div class="nav">
	        <div class="DIV">
	            <ul>
	            	 <li ><a href="javascript:;">政府国企</a></li>
	            	 <li ><a href="javascript:;">知名品牌</a></li>
	            	 <li><a href="javascript:;">中小企业</a></li>
	                 <li><a href="javascript:;">上市公司</a></li>
	                 <li><a href="javascript:;">集团公司</a></li>
	                 <li><a href="javascript:;">B2C商城</a></li>
	            </ul>
	        </div>
    	</div>
		
		<!--导航结束-->
		
		
		
		
	    <!--内容开始-->
	    
	    <div id="container">
	    	<div id="box">
	    		<div class="DIV">
	    			<ul>
	    				<li style="display:list-item;margin-top: 0px;">
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14678839321704596203.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14678774591581766115.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >易点新官网</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    							
	    						
	    						
	    					</div>
	    				</li>
	    				
	    				<li class="" style="display: list-item; margin-top: 0px;">
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img  alt="hehe" src="images/jbox-loading2.gif" data-original="images/1467877695342627231.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/146787918733670445.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >西藏秘茶</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：自适应设计产品官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    							
	    						
	    						
	    					</div>
	    				</li>
	    				
	    				<li class="" style="display: list-item; margin-top: 0px;">
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14671061191825552576.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1467879175685882162.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >钥石财富</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：自适应企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>	
	    					</div>
	    				</li>
	    				
	    				<li class="" style="display: list-item; margin-top: 0px;">
	    					
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif"  data-original="images/14653534201602689396.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14657147751896339428.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	 
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				<li class="" style="display: list-item; margin-top: 0px;">
	    					
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424998786381808.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624249981033644876.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424961752171440.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624249612104962365.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624249261414411957.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424926578283090.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424703147475486.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424703394303157.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe"  src="images/jbox-loading2.gif"  data-original="images/1462424670741735142.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624246701910439005.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif"  data-original="images/1462424614843978688.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424614218687335.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<!--//////////////////////////////////////////////////////////////////////////////-->
	    					<!--//////////////////////////////////////////////////////////////////////////////-->
	    						<!--//////////////////////////////////////////////////////////////////////////////-->
	    						
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif"  data-original="images/1462424515969925701.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624245151055558063.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    			
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424569380329081.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624245691182560989.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				
	    				
	    				
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif"  data-original="images/14624244761639982211.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624244762097528623.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    		
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img  alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624244351615037417.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624244351313913005.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624243931753668452.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424393457284693.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424352678477823.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424352438031380.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624243071151789061.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624243071150697906.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624242631337535735.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624242631748181294.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462424221331445859.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424221788774851.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    	<!--	//////////////	-->
	   
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624241831639468684.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462424183611230974.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624240941364569823.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/146242409482616348.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462423960993031806.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624239601732303993.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624239121884018333.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624239121374602201.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624238641738472521.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462423864347771775.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<!--///////////////////////////////////////////////////////////////-->
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624238281488007053.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624238281497682127.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624237871061416129.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462423787763801426.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				  				

	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624237251643981566.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/14624237251417067398.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    		
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624236721065118636.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462423672706115025.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    			
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/14624236321816237155.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462423632904401121.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    		
	    				<li>
	    					<div class="pics">
	    						<a href="javascript:;">
	    							<img alt="hehe" src="images/jbox-loading2.gif" data-original="images/1462422144860782868.jpg" style="width:100%;height:auto;">
	    						</a>
	    						
	    					</div>
	    					<div class="top_img" >
	    						<a href="javascript:;" >
	    							<img src="images/1462422144826026014.jpg" style="width:100%;height:auto;">
	    						</a>
	    					</div>
	    					
	    					<div class="foot">
		    					<div class="left_box">
									<div class="title"><a href="javascript:;" >克莱蒙特酒业</a></div>
									<div class="title2"><a href="javascript:;" >开发语言：H5响应式企业官网</a></div>
								</div>
	    						<div class="right_box">
	    							<a href="javascript:;"><img src="images/case_icon.png"/></a>
	    						</div>
	    						
	    						<div class="shiden_box"></div>
	    					</div>
	    					
	    				</li>
	    				
	    				
	    				
	    			
	    			</ul>
	    		</div>
	    	</div>
	    </div>
	    
	    <!--内容结束-->
	    
	    <div class="maodian">
	    
	    
	    </div>
	    
	    
	    <!--脚部开始-->
	    
	   	<div class="footer">
	   		<!--顶部开始-->
	   		<div class="top">
	   			<div class="footer_div">
	   				<div class="phone">
	   					<div><img src="images/phone_imgh.png"></div>
	   					<div class="number">
	   						<p class="big_num">400-886-9266</p>
	   						<p class="small_num">020-85276913</p>
	   					</div>
	   					
	   				</div>
	   				
	   				<div class="qq_list">
	   					<ul>
	   						<li>
	   							<p>竹叶青</p>
	   							<p><a href="javascript:;">QQ：173244201</a></p>
	   						</li>
	   						<li>
	   							<p>梁经理</p>
	   							<p><a href="javascript:;">QQ：173244201</a></p>
	   						</li>
	   						<li>
	   							<p>吴主管</p>
	   							<p><a href="javascript:;">QQ：173244201</a></p>
	   						</li>
	   					</ul>
	   				</div>
	   				
	   				<div class="twoDimensionCode">
	   					<ul>
	   						<li><img src="images/sina_img.jpg"  class="imgs"></li>
	   						<li><img src="images/wx_img.jpg"  class="imgs"></li>
	   						<li><img src="images/eidea_img.jpg"  class="imgs"></li>
	   					</ul>
	   				</div>
	   				
	   			</div>
	   		</div>
	   		<!--顶部结束-->
	   		
	   		<!--底部开始-->
	   		<div class="bottom">
	   			<div class="footer_div">
	   				<div class="logo"><img src="images/logo_hui.png"></div>
	   				<div class="menu">
	   					<ul>
	   						<li><a href="javascript:;">首页</a></li>
	   						<li>|</li>
	   						<li><a href="javascript:;">我们的服务</a></li>
	   						<li>|</li>
	   						<li><a href="javascript:;">成功案例</a></li>
	   						<li>|</li>
	   						<li><a href="javascript:;">关于我们</a></li>
	   						<li>|</li>
	   						<li><a href="javascript:;">联系我们</a></li>
	   					</ul>
	   				</div>
	   				<div class="text">地址：广州天河区黄埔大道西495号嘉冠国际大厦10楼</div>
	   				<div class="text_bq">版权所有：易点科技 <a href="javascript:;" style="color:#7a7979">广州爱企舞互动设计有限公司  粤ICP备15085589号-1</a></div>
	   				
	   			</div>
	   		</div>
	   		<!--底部结束-->
	   		
	   	</div>
	    
	    
	    <!--脚部结束-->
		
		
		
	</body>

		
		
		
		
		<!--<script type="text/javascript" src="js/main.js"></script>-->
		<!--<script type="text/javascript" src="js/jquery.workmark.min.js"></script>-->





	
</html>
